<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>{$pagetitle}</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/static/admin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/admin/style/admin.css" media="all">
</head>
<body>

	<div class="layui-fluid">
	<div class="layui-card">

	<div class="layui-form layui-card-header layuiadmin-card-header-auto">
	<div class="layui-form-item">


	  <div class="layui-inline">
		  <a class="layui-btn layuiadmin-btn-list iframe" href="{:url('add')}" data-type="add">添加角色</a>
	  </div>          
	</div>
	</div>

	<div class="layui-card-body">
	<form class="layui-form" action="{:url('updateSort')}" onsubmit="return save_form(this,success_fun)" lay-filter="component-form-element">
	<table class="layui-table">
	  <colgroup>
		<col width="150">
		<col width="150">
		<col width="200">
		<col>
	  </colgroup>
	  <thead>
		<tr>
		  <th class="center" width="10%">ID</th>
		  <th class="center">用户组</th>
		  <th class="center">描述</th>
		  <th class="center">授权</th>
		  <th class="center">管理所有栏目</th>
		  <th class="center">状态</th>
		  <th class="center">操作</th>
		</tr> 
	  </thead>
	  <tbody>
	  {foreach $data as $key=>$v}
		<tr>
		  <td style="text-align: center;">{$v.id}</td>
		  <td class="center tab-title"><a href="{:url('update',array('id'=>$v['id']))}" class="iframe">{$v.name}</a></td>
		  <td class="center">{$v.remark}</td>
		  <td class="tab-title">
			  <a href="{:url('access',array('role_id'=>$v['id']))}">访问授权</a>  &nbsp;
                          {if !$v['all_info']}
			  <a href="{:url('access_cat',array('role_id'=>$v['id']))}">栏目授权</a>
                          {/if}
		  </td>
		  <td class="center">
			  <input type="checkbox" name="all_info" lay-filter="all_info" value="{$v.id}" lay-skin="switch" lay-text="所有栏目|指定栏目" class="status" {$v["all_info"]?"checked":""}>
		  </td>		  
		  <td class="center">
			  <input type="checkbox" name="status" lay-filter="status" value="{$v.id}" class="status" title="启用" {$v["status"]?"checked":""}>
		  </td>
		  <td class="center">
			<a href="{:url('update',array('id'=>$v['id']))}" class="layui-btn layui-btn-sm iframe" title="修改页面"><i class="layui-icon">&#xe642;</i></a>
			<a href="{:url('delete',array('id'=>$v['id']))}" class="layui-btn layui-btn-sm ajax_del"><i class="layui-icon">&#xe640;</i></a>			  
		  </td>
		</tr>	  
	   {/foreach}
	  </tbody>
	</table>  
	</form>				  
	</div>
      
	</div>
</div>

  <script src="/static/admin/layui/layui.js"></script>
  <script src="/static/js/jquery.min.js"></script>    
  <script src="/static/js/globals.js"></script>  
  <script>
  layui.config({
    base: '/static/admin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,element = layui.element
    ,form = layui.form;
    
    form.render(null, 'component-form-element');
    element.render('breadcrumb', 'breadcrumb');
    form.on('checkbox(status)', function(data){
      var checked=data.elem.checked;
	  var status=checked?1:0;
      var id=data.value;
      ajax_del("{:url('setStatus')}?id="+id+"&status="+status,function(msg,data){
		  layer.msg("设置成功");
	  });
    });
    form.on('switch(all_info)', function(data){
      var checked=data.elem.checked;
	  var status=checked?1:0;
      var id=data.value;
      ajax_del("{:url('setAll_info')}?id="+id+"&status="+status,function(msg,data){
		  layer.msg("设置成功");
                  location.reload();
	  });
    });	

  });
  </script>

</body>
</html>
